// 头部
header {
    img {
        width: 100%;
    }
    
        .show{
        top: 20px;
        right: 20px;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        background: rgba(0, 0, 0, 0.65);
         }
         .onShow{
                   top: 20px;
        right: 20px;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        background: rgba(253, 101, 0, 0.979);
         }

    
    p {
        width: 154px;
        height: 35px;
        background: rgba(0, 0, 0, 0.65);
        bottom: 2px;
    }
}

// 文字描述
.text {
    height: 101px;
    padding: 10px;
    
    .top {
        height: 22px;
        .weight {
            font-weight: bold;
        } 
        .self {
            background-color: #70d8ad;
            border-radius: 5px;
        }
    }
    .center {
        height: 22px;
        padding: 10px;
        color: #888888;
    }
    .bottom { 
        height: 22px;
        padding: 10px;
        color: #ffb423;
        span {
            margin-right: 10px;
            border: 1px solid #ffeece;
            border-radius: 10px;
            padding: 3px;
        }
    }
}

// 地理位置
.address {
    height: 79px;
    .area {
        height: 40px;
        padding: 10px;
        span {
            border-left: 2px solid #ff8200;
            font-weight: bold;
        }
    }
    .color { 
        color: #ff8200;
    }
    .padding {
        padding: 0px 12px 15px;
    }
}

// 底部按钮
footer {
    bottom: 0;
    height: 43px;
    .service {
        width: 30%;
        color: #888888;
    }
    .price {
        width: 70%;
        background: #ff8200;
    }
}